<div>
  <div class="message-header">
    <h2 class="subject" tabindex="-1" title="{{subject}}">
	{{subject}}
    </h2>

    <ul class="message-detail-actions unstyled">
      <li>
        <a href="?compose=1&id={{id}}"
           class="icon-reply-2 reply-btn Button Button--icon-action"
           title="{{#t}}Reply{{/t}}">
		{{#t}}Reply{{/t}}
        </a>
      </li>
      <li>
        <div class="inline-block" role="application">
          <a href="#"
             role="button"
             class="al-trigger Button Button--icon-action message-detail-kyle-menu"
             data-tooltip>
            {{> icons/settings}}
            {{> icons/mini-arrow-down}}
          </a>
          <ul class="al-options message-header-menu">
              <li>
                <a href="#" class="reply-all-btn">{{#t}}Reply all{{/t}}</a>
              </li>
            <li>
              <a href="#" class="forward-btn">{{#t}}Forward{{/t}}</a>
            </li>
            <li>
              <a href="#" class="delete-btn">{{#t}}Delete{{/t}}</a>
            </li>
          </ul>
        </div>
      </li>
    </ul>
  </div>

  <ul class="message-content unstyled">
	{{#replies}}
		<li class="message-item-view">
			{{> views/jst/conversations/messageItem}}
		</li>
	{{/replies}}
  </ul>
</div>
